<template>
  <div
    class="empty flex justify-center items-center border border-[#cccccc] rounded-[10px]"
    :style="{ height: props.height + 'px' }"
  >
    <div class="left">
      <img src="../../assets/images/no_data.png" alt="" class="w-[200px]" />
    </div>
    <div class="right text-[#666] font-bold">
      <slot />
    </div>
  </div>
</template>

<script setup lang="ts">
interface Props {
  height?: number;
}
const props = withDefaults(defineProps<Props>(), {
  height: 400
});
</script>
